
import { Component,OnChanges, OnInit, Output, NgZone, Input, HostListener, EventEmitter } from '@angular/core';

declare var $: any;

export class datas {
    video: Array<any>;
    audio: any;
    title: string;
    describe: string;
    textlist: Array<any>;
    imglist: Array<any>;
    tiplist: Array<any>;
    type: string;
}

export class parent {
    isPaging: boolean;
    type: string;
}

@Component({
    selector: 'magotan-drag',
    providers: [
    ],
    templateUrl: './drag.component.html',
    styleUrls: ['./drag.component.scss']
})
export class DragComponent implements OnInit,OnChanges {
    @Output() isOk = new EventEmitter();
    @Input() current;
    currentDragData: any;
    constructor(
        private zone: NgZone,
    ) { }
    dragData: Object = {
        '9': {
            'dragBg': './assets/images/content/pageBg2.png',
            'drag': [
                {
                    'dragLeft': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': 'PEPS无钥匙进入系统V',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': 'GW网关',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': 'DLC 6/14针脚',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': 'IC组合仪表',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': 'PLG电动尾门控制模块',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': 'BCM车身控制模块',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': 'ICE车载娱乐系统',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': 'TPMS胎压监测模块',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                    ],
                    'dragLeft1': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                    ],
                    'dragRight': [
                        {
                            'className': 'drop-one top',
                            'isAccommodate': '.drag-one,.drag-six',
                            'content': '',
                            'style': {
                                'left': '238px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-two top',
                            'isAccommodate': '.drag-one,.drag-six',
                            'content': '',
                            'style': {
                                'left': '466px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-three top',
                            'isAccommodate': '.drag-two,.drag-five',
                            'content': '',
                            'style': {
                                'left': '24px',
                                'top': '-94px',
                            }
                        },
                        {
                            'className': 'drop-four top',
                            'isAccommodate': '.drag-two,.drag-five',
                            'content': '',
                            'style': {
                                'left': '682px',
                                'top': '-94px',
                            }
                        },
                    ],
                },
            ],
        },
        '10': {
            'dragBg': './assets/content/pageBg2.png',
            'drag': [
                {
                    'dragLeft': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': 'GW网关',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': 'BCM车身控制模块',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': 'DLC 6/14针脚',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': 'IC组合仪表',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': 'ICE车载娱乐系统',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': 'PEPS无钥匙进入系统',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': 'AC自动空调模块',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': 'RRS倒车雷达模块',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-nine',
                            'isDrop': true,
                            'content': '360DV360环视系统',
                            'style': {
                                'top': '100px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-ten',
                            'isDrop': true,
                            'content': 'TPMS胎压监测模块',
                            'style': {
                                'top': '100px',
                                'left': '570px',
                            }
                        },
                    ],
                    'dragLeft1': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-nine',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-ten',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '570px',
                            }
                        },
                    ],
                    'dragRight': [
                        {
                            'className': 'drop-one top',
                            'isAccommodate': '.drag-seven,.drag-five,.drag-nine,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '98px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-two top',
                            'isAccommodate': '.drag-seven,.drag-five,.drag-nine,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '226px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-three top',
                            'isAccommodate': '.drag-seven,.drag-five,.drag-nine,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '353px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-four top',
                            'isAccommodate': '.drag-seven,.drag-five,.drag-nine,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '481px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-five top',
                            'isAccommodate': '.drag-seven,.drag-five,.drag-nine,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '608px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-six top',
                            'isAccommodate': '.drag-one,.drag-four',
                            'content': '',
                            'style': {
                                'left': '24px',
                                'top': '-94px',
                            }
                        },
                        {
                            'className': 'drop-seven top',
                            'isAccommodate': '.drag-one,.drag-four',
                            'content': '',
                            'style': {
                                'left': '682px',
                                'top': '-94px',
                            }
                        },
                    ],
                },
            ],
        },
        '11': {
            'dragBg': './assets/content/pageBg3.png',
            'drag': [
                {
                    'dragLeft': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': 'PEPS无钥匙进入系统',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': 'BCM车身控制模块',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': 'ICE车载娱乐系统',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': 'T-BOX车载网联终端',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': 'PLG电动尾门控制模块',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': 'DLC 3/11针脚',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': 'IC组合仪表',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': 'GW网关',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                    ],
                    'dragLeft1': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                    ],
                    'dragRight': [
                        {
                            'className': 'drop-one top',
                            'isAccommodate': '.drag-six',
                            'content': '',
                            'style': {
                                'left': '352px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-three top',
                            'isAccommodate': '.drag-four,.drag-eight',
                            'content': '',
                            'style': {
                                'left': '24px',
                                'top': '-94px',
                            }
                        },
                        {
                            'className': 'drop-four top',
                            'isAccommodate': '.drag-four,.drag-eight',
                            'content': '',
                            'style': {
                                'left': '682px',
                                'top': '-94px',
                            }
                        },
                    ],
                },
            ],
        },
        '12': {
            'dragBg': './assets/content/pageBg4.png',
            'drag': [
                {
                    'dragLeft': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': 'BCM车身控制模块',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': 'CSM摄像头模块',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': 'GW网关',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': 'RRS倒车雷达模块',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': 'EPS电动助力转向模块',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': 'ESC电子稳定系统',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': 'TPMS胎压监测模块',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': 'RSM雷达模块',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                    ],
                    'dragLeft1': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                    ],
                    'dragRight': [
                        {
                            'className': 'drop-one top',
                            'isAccommodate': '.drag-two,.drag-five,.drag-six',
                            'content': '',
                            'style': {
                                'left': '172px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-two top',
                            'isAccommodate': '.drag-two,.drag-five,.drag-six',
                            'content': '',
                            'style': {
                                'left': '353px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-three top',
                            'isAccommodate': '.drag-two,.drag-five,.drag-six',
                            'content': '',
                            'style': {
                                'left': '533px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-six top',
                            'isAccommodate': '.drag-three,.drag-eight',
                            'content': '',
                            'style': {
                                'left': '24px',
                                'top': '-94px',
                            }
                        },
                        {
                            'className': 'drop-seven top',
                            'isAccommodate': '.drag-three,.drag-eight',
                            'content': '',
                            'style': {
                                'left': '682px',
                                'top': '-94px',
                            }
                        },
                    ],
                },
            ],
        },
        '13': {
            'dragBg': './assets/content/pageBg5.png',
            'drag': [
                {
                    'dragLeft': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': 'GW网关',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': 'DLC 6/14针脚',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': 'EPS电动助力转向模块',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': 'SDM安全气囊模块',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': 'DLC 3/11针脚',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': 'AC自动空调模块',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': 'AGS进气格栅控制模块',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': 'TCM自变速箱模块',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-nine',
                            'isDrop': true,
                            'content': 'ECM发动机控制模块',
                            'style': {
                                'top': '100px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-ten',
                            'isDrop': true,
                            'content': 'SCU变器控制杆模块',
                            'style': {
                                'top': '100px',
                                'left': '570px',
                            }
                        },
                    ],
                    'dragLeft1': [
                        {
                            'className': 'drag-one',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-two',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-three',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-four',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-five',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '20px',
                                'left': '570px',
                            }
                        },
                        {
                            'className': 'drag-six',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '0px',
                            }
                        },
                        {
                            'className': 'drag-seven',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '150px',
                            }
                        },
                        {
                            'className': 'drag-eight',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '290px',
                            }
                        },
                        {
                            'className': 'drag-nine',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '430px',
                            }
                        },
                        {
                            'className': 'drag-ten',
                            'isDrop': true,
                            'content': '',
                            'style': {
                                'top': '100px',
                                'left': '570px',
                            }
                        },
                    ],
                    'dragRight': [
                        {
                            'className': 'drop-one top',
                            'isAccommodate': '.drag-two,.drag-seven,.drag-four,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '98px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-two top',
                            'isAccommodate': '.drag-two,.drag-seven,.drag-four,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '226px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-three top',
                            'isAccommodate': '.drag-two,.drag-seven,.drag-four,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '353px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-four top',
                            'isAccommodate': '.drag-two,.drag-seven,.drag-four,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '481px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-five top',
                            'isAccommodate': '.drag-two,.drag-seven,.drag-four,.drag-eight,.drag-ten',
                            'content': '',
                            'style': {
                                'left': '608px',
                                'top': '-178px',
                            }
                        },
                        {
                            'className': 'drop-six top',
                            'isAccommodate': '.drag-one,.drag-nine',
                            'content': '',
                            'style': {
                                'left': '24px',
                                'top': '-94px',
                            }
                        },
                        {
                            'className': 'drop-seven top',
                            'isAccommodate': '.drag-one,.drag-nine',
                            'content': '',
                            'style': {
                                'left': '682px',
                                'top': '-94px',
                            }
                        },
                    ],
                },
            ],
        }
    }

    ngOnInit() {
        this.currentDragData = this.dragData[this.current];
        this.drag();
    }

    ngOnChanges() {
        this.currentDragData = this.dragData[this.current];
        this.drag();

    }
    ngAfterViewInit() {

    }
    drag(index?) {
        setTimeout(() => {
            this.dragData[this.current]['drag'][0].dragLeft.map((i, j) => {
                $(`.${i.className}`).draggable({
                    containment: ".page",
                    cursor: "move",
                    revert: true,
                    start: function (event, ui) {
                    }
                });
            })
            this.dragData[this.current]['drag'][0].dragRight.map((i, j) => {
                let vm = this;
                $(`.${i.className.split(' ')[0]}`).droppable({
                    accept: `${i.isAccommodate}`,
                    tolerance: "pointer",
                    greedy: true,
                    drop: function (event, ui) {
                        if ($(event.target).children().length === 0) {
                            event.target.innerText = ui.draggable[0].innerHTML;
                            ui.draggable[0].style.display = 'none';
                            $(ui.draggable[0]).draggable('option', 'revert', false);
                            $(ui.draggable[0]).draggable("disable");
                            let isRight = false;
                            isRight = Array.from($('.top')).some((k, l) => {
                                if ($(k).children().length === 0) {
                                    return true;
                                }
                            })
                            if (!isRight) {
                                vm.isOk.emit();
                            }
                        } else {
                            $(ui.draggable[0]).draggable('option', 'revert', true);
                        }
                    }
                })
            })
        }, 300)
    }
}
